<footer class="bg-white py-8 dark:bg-slate-800" style="padding-bottom:0px;font-size: 12px;">
  <hr class="my-6 border-gray-200 dark:border-slate-700" />
  <div class="mx-auto flex max-w-7xl flex-col px-4 flex-row items-center justify-between">
    <div class="flex flex-col space-y-1 text-center">
      <div class="flex flex-col gap-1 flex-row">
        <span class="block text-center text-gray-500 text-center" th:if="${not #strings.isEmpty(theme.config.beian.icp_text)}" >
          <a class="hover:underline" target="_blank" th:href="${theme.config.beian.icp_link}" th:text="${theme.config.beian.icp_text}"></a>
        </span>
        <div th:if="${not #strings.isEmpty(theme.config.beian.gongan_text)}" class="inline-flex items-center justify-center gap-1 text-gray-500">
          <img th:src="@{/assets/images/gongan_beian.png}" class="size-4" alt="gongan_beian" />
          <a class="hover:underline" target="_blank" th:href="${theme.config.beian.gongan_link}" th:text="${theme.config.beian.gongan_text}" ></a>
        </div>
      </div>
      <span class="block text-center text-gray-500 text-center" th:if="${not #strings.isEmpty(theme.config.beian.qianzhi_xuke_text)}">
        <a class="hover:underline" target="_blank" th:href="${theme.config.beian.qianzhi_xuke_link}" th:text="${theme.config.beian.qianzhi_xuke_text}"></a>
      </span>
      <div style="color: rgba(0,0,0,.2);line-height: 1.4;padding: 0 16px;font-size: 12px;text-align: center;">
        <div><halo:footer /></div>
      </div>
    </div>
  </div>
</footer>
